<template>
  <div class="home">
    <h1>
      {{ this.$store.state.msg }}通过this.$store.state.属性 使用数据
      {state单一状态树}
    </h1>
    <br />
    <router-link to="/getters" tag="span"><h2>去getters组件</h2></router-link>
    <br />
    <router-link to="/mutations" tag="span"><h2>去mutations组件</h2></router-link>
    <br />
    <router-link to="/actions" tag="span"><h2>去actions组件</h2></router-link>
    <br />
    <router-link to="/modules" tag="span"><h2>去modules组件</h2></router-link>
    <br />
    <img src="../assets/vuex.jpg" alt="" />
    <br />
    <img src="../assets/vuex1.jpg" alt="" />
    <br/>
    <a href="https://vuex.vuejs.org/zh/">vuex官网</a>
  </div>
</template>

<script>
export default {
  name: "Home",
  components: {},
  methods: {
    go() {
      this.$router.push({ path: "/About" });
    },
  },
};
</script>
